﻿@charset "utf-8";

@keyframes myfirst{

}

@-moz-keyframes myfirst{

}

@-webkit-keyframes myfirst{

}

@-o-keyframes myfirst{

}
.pagination>li>a, .pagination>li>span{ color: #42929d }
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color: #42929d;
    border-color: #42929d;
}

body{font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,.lead{font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}
ul{list-style: none;}
a{color:black;text-decoration: none;}
a:hover{ text-decoration: none; }
header{padding-top:30px; height:100px;position: fixed;width:100%;z-index: 200;top:0;
    border-bottom: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 8px 0px;
    background: rgba(255, 255, 255, .75); }
header:hover{ background: #fff; border-bottom: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 8px 0px; }
.headeraddbg{ background: #fff; border-bottom: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 8px 0px; }
#my-topbar{background-color: transparent;text-align: right;position: fixed;z-index: 201;top:0;width:94%; margin:0 auto;}
#my-topbar .my-lang{height:40px;line-height:40px;padding-right: 15px;}
#my-topbar .my-lang a{color:#dfdfdf;}
#my-topbar .my-lang a:hover{color:#fff;}
.navbar-inverse{border:0;background-color: transparent;}
.navbar-inverse .navbar-brand img{position: relative;top:-20px;height:70px;}
.navbar-inverse .navbar-nav > li > a {color: #151515; font-size: 1.55rem; font-weight: bold;}
.navbar-inverse .navbar-nav > li > a:focus,.navbar-inverse .navbar-nav > li > a:hover{color: #42929d;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {background-color: transparent; color: #42929d;}
.navbar-collapse{background:rgba(22,22,22,0.5);position: relative;top:20px;}
.navbar-inverse .navbar-toggle {
    border-color: #42929d;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    border-color: #42929d;
    background-color: transparent; 
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #42929d;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #42929d;
}
.navbar-right .dropdown-menu{left:0;right:auto;}
.dropdown-menu{background-color:#fff;}
.dropdown-menu>li>a{color:#e15616; line-height: 2; }
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background:#efefef;color:#42929d;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{color:#42929d;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {color:#42929d;}

#my-carousel{}
.carousel-inner img{margin:0px auto; max-width: 1920px; max-height: 1080px; min-height: 200px; }
.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
}
.carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
}

#my-project{padding-top: 5px;}
#my-project .my-project-box{padding-left: 5px;padding-right: 5px;}
#my-project .my-project-box .thumbnail{background: #f2f2f2;text-align: center;padding-top: 30px;padding-bottom: 30px;}
#my-project .my-project-box .thumbnail:hover{background: #ebebeb;}
#my-domain{padding-top: 30px;padding-bottom: 30px; 
}
#my-domain p{line-height: 180%;}
#my-domain i{font-size: 72px;padding-top: 50px;padding-bottom: 10px;}
#my-domain .btn{margin-top: 20px;}
.container{ width: 94%; max-width: 1600px; margin-left: auto; margin-right: auto; }
.sy_gsjj_txt hr{ width:150px; height: 30px; border-width: 5px; margin-left: 0; margin-bottom: 0px;border-color: #42929d; }
.sy_gsjj_txt_con{ font-size:1.5rem } 
.sy_gsjj_txt_btn a{ display: inline-block; width: 24%; text-align: center; text-decoration:none; }
.sy_gsjj_txt_btn a img { width:80px; height: 80px; object-fit: contain; transition: all .5s; }
.sy_gsjj_txt_btn a:hover img { transform: rotateY(180deg); }
.sy_gsjj_video{ position: relative; background-size: cover;background-position: center center;
    background-size: cover; }
.sy_gsjj_video img{ width: 100%; height: 100%; display: block; }
.sy_gsjj_video iframe{ width: 100%; height: 100%; display: block; }
#my-domain h1{ font-size: 3rem; }
.e_button-9{ max-width: 180px; background:#42929d; box-shadow: 0 10px 20px rgba(0, 92, 171, 0.1); border: none; transition: all .5s ease; margin-bottom: 10px; padding-top: 12px; padding-bottom: 12px; padding-left: 32px; padding-right: 32px; }
.e_button-9:hover{ background: rgba(225, 86, 22); box-shadow: 0 10px 20px rgba(225, 86, 22, 0.3); background-color: rgba(225, 86, 22);}


#my-server{
	background-image: url(../images/banner02.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #fff;
}

#my-products{ padding-top: 99px;padding-bottom: 99px; 
    background:#fbfbfb; background-attachment: fixed;
    background-size: cover; }
#my-products h2{color:#42929d;}
#my-products hr{border-color: #42929d;}
#my-products .list-inline li{margin-bottom: 10px;}
#my-products .list-inline li a{ background-color: #42929d; border-color: #42929d;}
#my-products .list-inline li a:hover{ background-color: #e15616; border-color: #e15616;}
#my-products .row{padding-top: 20px;}
#my-products .my-product-box img{width:100%;opacity: 1;margin:0px auto;}
#my-products .my-caption-title{background-color:#000000;position:absolute;margin: auto;left:20px;right:20px;top:0;opacity:0}
#my-products .my-caption-title h3{text-align: center;font-size: 16px;color:#42929d;line-height: 50px;margin-top: 0;margin-bottom: 0px;}

#my-news{padding-top: 50px;padding-bottom: 50px;}
#my-news .my-list-item-title{border-width: 0px 0px 1px 0px;padding:0;}
#my-news .my-list-item-list{border-width: 0px 0px 1px 0px;padding-left:0;margin:10px 0px;}
#my-news h4{margin-top: 0px;}
#my-news p{margin-bottom: 0;}

#my-bottom { background-color:rgba(51, 51, 51); border-top: 6px solid #42929d; color: #d2d2a5;padding-top: 20px;}
#my-bottom hr {border: 1px dashed #333;}
#my-bottom .friend-nav{padding-left: 0px;}
#my-bottom .friend-nav li{height:30px;line-height: 180%;}
#my-bottom .friend-nav li a{color:#a2a2a5;}
#my-bottom .my-connect p{line-height: 180%;color:#a2a2a5;}
#my-bottom .qrcode{max-width: 150px;margin-bottom: 20px;}
#my-bottom .my-copyright {padding: 15px 0; text-align: center; color: #777; background-color: #000; border-top: 1px solid #444;}
#my-bottom .my-copyright a{color:#777;}

#plugqq{display: none;}
.my-model-top{margin-top: 100px;margin-bottom: 0px;}
.my-model-top img{margin:0px auto;}
.my-active{background: #444;color:#42929d;}
.my-active a{color:#42929d;}
.my-model-content h4{font-size: 16px;}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
	.navbar-collapse{background:transparent;}
    header{height:200px;}
    #plugqq{display: none;}
    .my-model-top{margin-top: 200px;}

    .sy_gsjj_txt{ width: 95%; margin: 0 auto; float: none;}
    .sy_gsjj_video{ width: 95%; margin: 0 auto; float: none; }

}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
	.navbar-collapse{background:transparent;}
    header{height:150px;}
    #plugqq{display: block;}
    .my-model-top{margin-top: 150px;}

    .sy_gsjj_txt{ width: 95%; margin: 0 auto; float: none;}
    .sy_gsjj_video{ width: 95%; margin: 0 auto; float: none; }
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
	.navbar-collapse{background:transparent;}
    header{height:100px;}
    #plugqq{display: block;}
    .my-model-top{margin-top: 100px;}

    .sy_gsjj_txt{ width: 50%; float: left; text-align: left; position: relative; }
    .sy_gsjj_video{  width: 45%; float: right; margin-top:70px; }
}